<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="download (4)/font_2233695_6sc8g8kw1ak/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <header>
        <div class="head">
            <span class="iconfont icon-icon-"></span>
            <span class="iconfont icon-gongzhonghao"></span>
            <span class="iconfont icon-weibo"></span>
            <span class="iconfont icon-qq"></span>
            <p>0535_60652189<span class="iconfont icon-weibiaoti-"></span></p>
        </div>
    </header>
    <div class="content">
        <a href="#" class="center"></a>
        <a href="#" class="line">
        </a>
        <a href="#" class="img img1">社会化媒体营销</a>
        <a href="#" class="img img2">整合网络营销全案</a>
        <a href="#" class="img img3">搜索引擎营销</a>
        <a href="#" class="img img4">精准数字营销</a>
        <a href="#" class="img img5">网络平台搭建</a>

        <ul class="nav">
            <li><img src="images/首页_02.jpg" alt=""></li>
            <li><a href="index.html"><span>HOME</span> 网站首页</a></li>
            <li><a href="#"><span>RESOURSE</span> 传悦资源</a></li>
            <li><a href="cases_list.html"><span>CASES</span> 传悦案例</a></li>
            <li><a href="solution_list.html"><span>SOLUTION</span> 解决方案</a></li>
            <li><a href=""><span>SUBMIT</span> 需求提交</a></li>
        </ul>
        <div class="text">
            <h1>全网整合营销</h1>
            <h1>CHNYOO</h1>
            <P>领航者</P>
        </div>
        
        <div class="right" style="opacity: 1;" >
            <h3>传悦观点&nbsp;&nbsp;<b>VIEWPOINT</b><span class="iconfont icon-arrow-right"></span></h3>
            <dl>
                <dt><img src="images/首页_06.jpg" alt=""></dt>
                <dd>
                    <h4>传阅上线前的准备工作</h4>
                    <span>08-12</span>
                    <P>创梦网络科技有限责任公司...</P>
                </dd>
            </dl>
            <span class="iconfont icon-guanbi"></span>
        </div>
    </div>
    <footer>
            <div id="footer_info">Copyright @2013 &nbsp;&nbsp;创梦科技有限责任公司&nbsp;&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;传说 Chnyoo. cn All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京ICP备12005221号
            <ul class="footer">
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            </div>
    </footer>
</body>
</html>
<script>
    let oguanbi = document.querySelector(".icon-guanbi");
    let oright = document.querySelector(".right");
    oguanbi.onclick = function(){
        close = setInterval(function(){
            let o = oright.style.opacity;
            if(o<0){
                clearInterval(close);
                oright.style.display = "none";
                return;
            }
            oright.style.opacity = o - 0.1
        },16)
    }

</script>